<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<c:set var="path" value="${pageContext.request.contextPath}"/>
<%@ include file="../common.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>manage</title>
	<style type="text/css">
		.onlyAdmin{
			display: none;
		}
		
		.manage_header{
		   width:100%;
		   height: 25px;
		   background-color: #DCE7F2;
		   line-height: 20px;
		   border-bottom: 1px solid #46638A;
		}
		.manage_header a{
			border-bottom: solid 1px #8261D7;
		}
		
		.manage_left{
			width: 200px;
			height: 600px;
    		border: 1px solid #cdcdcd;
    		border-top: solid 17px #8261D7;
    		float:left;
		}
		
		.manage_left ul{
			text-align: center;
			margin-top: 10px;
		}
		.manage_left ul li{
			font-size: 14px;
    		font-style: italic;
    		padding-top: 10px;
		}
		
		.manage_left ul li .active{
			background-color: blue;
		}
		
		.manage_left ul li a{
			font-size: 14px;
    		font-style: italic;
    		padding-top: 10px;
		}
		.manage_right{
			float:left;
			width:100%;
			height:100%;
		}
		
	</style>
	<script type="text/javascript">
		function addHospital()
		{
			alert("添加");
		}
	</script>
</head>
<body>

	<input type="hidden" id="admin_type">
	<input type="hidden" id="hospital_type">
	<input type="hidden" id="keshi_type">
	<input type="hidden" id="jibing_type">
	<input type="hidden" id="doc_type">
<!-- 添加管理员form    此节点内部的内容会在弹出框内显示,默认隐藏此节点   -->
    <div id="admin_content" class="hidden" style="display:none;">
      <form id="adminForm" class="form-horizontal" method="post" action="">
        <div class="row">
          	<div class="control-group span12">
           		<label class="control-label">管理员账户:</label>
            	<div class="controls">
					 <input type="text" class="input-normal control-text" name="Admin_number" id="Admin_number">
            	</div>
           
          	</div>
          <div class="control-group span12"> 
             <label class="control-label">医院级别:</label>
            	<div class="controls">
			  		<input type="text" class="input-normal control-text" name="Admin_name" id="Admin_name" >
             	</div>
            
          </div>
          
          <div class="control-group span12"> 
             <label class="control-label">所属医院:</label>
            	<div class="controls">
			  		<input type="text" class="input-normal control-text" name="Admin_hosp" id="Admin_hosp" >
             	</div>
          </div>
          
          <div class="control-group span12"> 
             <label class="control-label">密码:</label>
            	<div class="controls">
			  		<input type="password" class="input-normal control-text" name="Admin_password" id="Admin_password" >
             	</div>
          </div>
          
        </div>
        <div class="row">
        	<input type="hidden" class="input-normal control-text" name="Admin_level" id="Admin_level" value="2">
        
        </div>

      </form>
    </div>


<!-- 添加医院form    此节点内部的内容会在弹出框内显示,默认隐藏此节点   -->
    <div id="hospital_content" class="hidden" style="display:none;">
      <form id="hospitalForm" class="form-horizontal" method="post" action="">
        <div class="row">
          	<div class="control-group span12">
           		<label class="control-label">医院名称:</label>
            	<div class="controls">
					 <input type="text" class="input-normal control-text" name="Hosp_name" id="Hosp_name">
            	</div>
           
          	</div>
          <div class="control-group span12"> 
             <label class="control-label">医院级别:</label>
            	<div class="controls">
			  		<input type="text" class="input-normal control-text" name="Hosp_level" id="Hosp_level" >
             	</div>
            
          </div>
        </div>
        <div class="row">
        </div>

      </form>
    </div>
    
    <!-- 添加科室form    此节点内部的内容会在弹出框内显示,默认隐藏此节点   -->
    <div id="keshi_content" class="hidden" style="display:none;">
      <form id="keshiForm" class="form-horizontal" method="post" action="">
        <div class="row">
          	<div class="control-group span12">
           		<label class="control-label">科室名称:</label>
            	<div class="controls">
					 <input type="text" class="input-normal control-text" name="Keshi_name" id="Keshi_name">
            	</div>
           
          	</div>
        </div>
        <div class="row">
        </div>
        
      </form>
    </div>
    
    <!-- 添加疾病form    此节点内部的内容会在弹出框内显示,默认隐藏此节点   -->
    <div id="jibing_content" class="hidden" style="display:none;">
      <form id="jibingForm" class="form-horizontal" method="post" action="">
        <div class="row">
          	<div class="control-group span12">
           		<label class="control-label">疾病名称名称:</label>
            	<div class="controls">
					 <input type="text" class="input-normal control-text" name="Jibing_name" id="Jibing_name">
            	</div>
           
          	</div>
          	<div class="control-group span12">
             <label class="control-label">科室:</label>
            	<div class="controls">
			   		<input type="text" class="input-normal control-text" name="Jibing_keshi" id="Jibing_keshi" >
            	</div>
          	</div>
        </div>
        <div class="row">
        </div>
        
      </form>
    </div>
    
	<!-- 添加医生form    此节点内部的内容会在弹出框内显示,默认隐藏此节点   -->
    <div id="doc_content" class="hidden" style="display:none;">
      <form id="docForm" class="form-horizontal" method="post" action="">
        <div class="row">
          	<div class="control-group span12">
           		<label class="control-label">姓名:</label>
            	<div class="controls">
					 <input type="text" class="input-normal control-text" name="doctor_name" id="doctor_name">
            	</div>
           
          	</div>
          <div class="control-group span12"> 
             <label class="control-label">性别:</label>
            	<div class="controls">
			  		<input type="text" class="input-normal control-text" name="doctor_sex" id="doctor_sex" >
             	</div>
            
          </div>
          <div class="control-group span12">
             <label class="control-label">年龄:</label>
            	<div class="controls">
			   		<input type="text" class="input-normal control-text" name="doctor_age" id="doctor_age" >
            	</div>
          </div>
          <div class="control-group span12">
             <label class="control-label">所属科室:</label>
            	<div class="controls">
			   		<input type="text" class="input-normal control-text" name="doctor_keshi" id="doctor_keshi" >
            	</div>
          </div>
          <div class="control-group span12">
             <label class="control-label">等级:</label>
            	<div class="controls">
            		<select class="input-normal" id="doctor_level" name="doctor_level"> 
               		 <option value="1">专家</option>
               		 <option value="2">主任</option>
               		 <option value="3">普通医师</option>
             	</select>
            	</div>
          </div>
        </div>
        <div class="row">
          <div><input type="hidden" name="doctor_hosp"  id="doctor_hosp"/></div>
        </div>

      </form>
    </div>






	<div>
		<div class="manage_header">
			<div style=" float: right;padding-right: 40px;">
				<span>admin</span>
				<span>|</span>
				<a href="#">退出</a>
			</div>
		</div>
		
		<div style="width:100%">
			<ul class="toolbar" style="clear: both;margin-left:30px;margin-left: 85px;margin-top: 20px;display: inline-block;">
			<li class="onlyAdmin" id="addHospital" onclick="addHospital()" style="padding-right: 12px;"><span><img src="${path}/images/t01.png" /></span>添加医院</li>
			</ul>
		</div>
		
		<div style="clear:both; float:left;margin-left:40px;margin-top:40px;">
			<div class="manage_left">
				<ul>
					<li class="active"><a href="#">北京协和医院</a></li>
					<li><a href="#">北京协和医院</a></li>
				</ul>
			</div>
			
			<div class="manage_right" style="border: 1px solid #CDCDCD;">
				<div>
					<ul class="toolbar" style="clear: both;margin-left:30px;margin-left: 85px;margin-top: 20px;display: inline-block;">
						<li class="onlyAdmin" id="addKeshi" onclick="addHospital()"><span><img src="${path}/images/t01.png" /></span>添加管理员</li>
						<li id="addKeshi" onclick="addHospital()"><span><img src="${path}/images/t01.png" /></span>添加科室</li>
						<li id="addJibing" onclick="addHospital()"><span><img src="${path}/images/t01.png" /></span>添加疾病</li>
						<li id="addDoc" onclick="addHospital()"><span><img src="${path}/images/t01.png" /></span>添加医生</li>
					</ul>
				</div>
				
				<table id="ks_table">
					<thead>
						<tr>
							<th>科室ID</th>
							<th>科室名称</th>
							<th>操作</th>
						</tr>
					</thead>
					<tbody>
						<c:if test="${!empty kehsi }">
							<c:forEach items="${ }" var="obj">
								<td>${obj.id }</td>
								<td>${obj.name }</td>
								<td><a hreflang="#" style="color: blue;" onclick="editKeshi('${obj.id}')">修改</a></td>
							</c:forEach>
						</c:if>
					</tbody>
				</table>
				
				<table id="jb_table">
					<thead>
						<tr>
							<th>疾病ID</th>
							<th>疾病名称</th>
							<th>所属科室</th>
							<th>操作</th>
						</tr>
					</thead>
					<tbody>
						<c:if test="${!empty jibing }">
							<c:forEach items="${ }" var="obj">
								<td>${obj.id }</td>
								<td>${obj.name }</td>
								<td>${obj.keshi }</td>
								<td><a hreflang="#" style="color: blue;" onclick="editJibing'${obj.id}')">修改</a></td>
							</c:forEach>
						</c:if>
					</tbody>
				</table>
				
				<table id="doc_table">
					<thead>
						<tr>
							<th>医生ID</th>
							<th>医生名称</th>
							<th>所属科室</th>
							<th>操作</th>
						</tr>
					</thead>
					<tbody>
						<c:if test="${!empty doc }">
							<c:forEach items="${ }" var="obj">
								<td>${obj.id }</td>
								<td>${obj.name }</td>
								<td>${obj.keshi }</td>
								<td><a hreflang="#" style="color: blue;" onclick="editDoc'${obj.id}')">修改</a></td>
							</c:forEach>
						</c:if>
					</tbody>
				</table>
			</div>
			
		</div>
	</div>
</body>
</html>